<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn"  uri="http://java.sun.com/jsp/jstl/functions" %>
<%@taglib prefix="tags" tagdir="/WEB-INF/tags" %>
<c:set var="ctx"><%=request.getContextPath()%></c:set>
<!DOCTYPE html>
<!-- saved from url=(0037)http://www.pinpaitg.net/hindex-1.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"> 
		

<meta content="yes" name="apple-mobile-web-app-capable"> 
<meta content="yes" name="apple-touch-fullscreen">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="320" name="MobileOptimized">
<meta content="telephone=no" name="format-detection"> 
<link rel="apple-touch-icon" href="">
<link rel="shortcut icon" href="${ctx}/images/favicon.ico">
<title>【耐克官方旗舰店】</title> 
<link rel="stylesheet" href="${ctx}/styles/mobile/qdwap.css">
<link rel="stylesheet" href="${ctx}/styles/mobile/swipe.css">
<style>

	#send_mobile_code_id.disabled{
		  pointer-events: none;
		  cursor: not-allowed;
		  opacity: 0.65;
		  filter: alpha(opacity=65);
		  -webkit-box-shadow: none;
		          box-shadow: none;
	}
	
	#tel.disabled,#tel[disabled]{
		cursor: not-allowed;
  		background-color: #eeeeee;
	}
	
	.thumbnail {
		  display: inline-block;
		  display: block;
		  height: auto;
		  max-width: 100%;
		  line-height: 1.428571429;
		  background-color: #ffffff;
		  border-radius: 4px;
		  -webkit-transition: all 0.2s ease-in-out;
		          transition: all 0.2s ease-in-out;
		}
		
		.thumbnail > img {
		  display: block;
		  height: auto;
		  max-width: 100%;
		  margin-right: auto;
		  margin-left: auto;
		}
		
		a.thumbnail:hover,
		a.thumbnail:focus,
		a.thumbnail.active {
		  border-color: #428bca;
		}
		
		.thumbnail .caption {
		  padding: 9px;
		  color: #333333;
		}
		
		.thumbnail{
			position: relative;	
		}
		
		#pingjia{line-height:150%;margin:0px 10px 0 0px;height:350px;overflow:hidden;}
		#pingjia li{margin:0 10px 30px 10px;}
		#pingjia .allpj{margin:0px auto;}
		#pingjia .le{text-align: left;}
		#pingjia .ri{text-align: right;}
		#pingjia .touxiang{background:url(${ctx}/images/touxiang.png);background-size: 40px 40px;width: 40px;height:40px;padding:0px;margin:0px;display:inline-block;vertical-align: top;}
		#pingjia .lj{margin-top:20px; vertical-align: top;}
		#pingjia .l{padding: 8px; border-radius: 1em; max-width: 70%;min-width:51%; margin-top: 0.7em; margin-left: -0.4em; display: inline-block; background-color: rgb(255, 228, 200);}
		#pingjia .r{padding: 8px; border-radius: 1em; max-width: 70%;min-width:51%; text-align: left; margin-top: 0.7em; margin-right: -0.4em; display: inline-block; background-color: rgb(188, 227, 249);}
</style>
      
</head>
<body> 


<div id="page">

   <header>
    <h1>耐克官方旗舰店</h1>
   </header>
  <div class="banner">
  <img src="" id="title_img_id">
  </div>
  
   
    
    <section class="buy">
                          <h2 class="title">
    
</h2>

<div class="biztag ">
                        <label>全场包邮</label>
                    <label>货到付款</label>
                <label>零风险购物</label>
    </div>
  
  
    <br>
  
    <div class="row1" id="pricediv"> <strong id="nowPrice"></strong>
      <ol>
        <li>
         <span id="price" style="text-decoration: line-through;">
          </span></li>
        <li>
        <a href="${ctx }/order.php/${id}?gzid=${param.gzid}" id="buybutqiang" class="buyaction"><span>马上抢</span></a>
         </li>
      
       
      </ol>
    </div>

   </section>
    <article class="showcontent">    
 <h2>
	抢购描述</h2>
	<div class="btn" >
	<p  id="content_id"></p>
</div>
<h2>
	购买流程</h2>
              <img src="https://img.alicdn.com/imgextra/i3/914260183/TB2heVAqVXXXXX0XXXXXXXXXXXX_!!914260183.jpg" alt="购买流程">
          
<h2>产品简介</h2> 
<p id="picList_id">

</p>

 <h2>
	客户服务</h2>
	
	
<div class="btn">
      
<p><span id="recomment_id" style="font: 16px/24px Helvetica, Arial, san-serif; color: rgb(0, 0, 0); text-transform: none; text-indent: 0px; letter-spacing: normal; word-spacing: 0px; float: none; display: inline !important; white-space: normal; font-size-adjust: none; font-stretch: normal; background-color: rgb(249, 249, 249); -webkit-text-stroke-width: 0px;">
</span></p>
<a class="btn" href="tel:3031229445">QQ咨询：3031229445&nbsp;&nbsp;&nbsp;关注微信：NIKE_2028</a> 
<!-- <a class="btn" href="sms:400-627-2855">短信订购：400-627-2855</a> </div> -->

</div>
<h2 style="display: none;">
	客户评价</h2>
  <div id="pingjia" class="pingjia" style="display: none;">
   <ul class="allpj" id="allpj"><li class="ri" style="height: 51px;"><section class="r">给老公买的，呵呵刚好到外地还好赶上了，很满意！</section><img class="lj" src="${ctx}/images/r.png"><span class="touxiang"></span></li><li class="le" style="height: 51px;"><span class="touxiang"></span><img class="lj" src="${ctx}/images/l.png"><section class="l">鞋子正的 你们都买黑色 可我觉得白色最好看。</section></li><li class="ri" style="height: 51px;"><section class="r">鞋子很正，价格公道！已鉴定完毕，真！中间纠结了很久 全白换不换黑的。最后还是决定要全白！帅。</section><img class="lj" src="${ctx}/images/r.png"><span class="touxiang"></span></li><li class="le" style="height: 51px;"><span class="touxiang"></span><img class="lj" src="${ctx}/images/l.png"><section class="l">东西很不错，屌的不行！</section></li><li class="ri" style="height: 51px;"><section class="r">隔天就到了，欧版货，做工不错，和LP的圣保罗很配。</section><img class="lj" src="${ctx}/images/r.png"><span class="touxiang"></span></li><li class="le" style="height: 51px;"><span class="touxiang"></span><img class="lj" src="${ctx}/images/l.png"><section class="l">发货很快，鞋子很舒服，这配色撞鞋概率低，回头率高，搭七分裤帅的不要不要的，可惜不能上图~~~</section></li><li class="ri" style="height: 51px;"><section class="r">确实是正品，找虎扑大神鉴定过了！给卖点赞！</section><img class="lj" src="${ctx}/images/r.png"><span class="touxiang"></span></li><li class="le" style="height: 51px;"><span class="touxiang"></span><img class="lj" src="${ctx}/images/l.png"><section class="l">贴吧验证，正！店家靠谱，几时发就几时发，不像一些店家没货充有货在忽悠！</section></li><li class="ri" style="height: 51px;"><section class="r">只能用完美这个词表达！</section><img class="lj" src="${ctx}/images/r.png"><span class="touxiang"></span></li><li class="le" style="height: 51px;"><span class="touxiang"></span><img class="lj" src="${ctx}/images/l.png"><section class="l">不吹不夸，哈哈哈，不错</section></li><li class="ri" style="height: 51px;"><section class="r">PRIMEKNIT鞋面轻薄舒适，BOOST中底感觉也好，鞋子很赞！</section><img class="lj" src="${ctx}/images/r.png"><span class="touxiang"></span></li><li class="le" style="height: 51px;"><span class="touxiang"></span><img class="lj" src="${ctx}/images/l.png"><section class="l">收到了媳妇很喜欢棒棒哒！ </section></li><li class="ri" style="height: 51px;"><section class="r">好漂亮好轻巧的鞋。</section><img class="lj" src="${ctx}/images/r.png"><span class="touxiang"></span></li><li class="le" style="height: 51px;"><span class="touxiang"></span><img class="lj" src="${ctx}/images/l.png"><section class="l">很棒 穿起来很帅 压马路贼舒服了 赶快下单吧 小伙伴们都惊呆了</section></li><li class="ri" style="height: 51px;"><section class="r">期待已久的鞋子终于到了，穿上质感真心不错，很棒，应该是正品。嗷嗷的。</section><img class="lj" src="${ctx}/images/r.png"><span class="touxiang"></span></li><li class="le" style="height: 51px;"><span class="touxiang"></span><img class="lj" src="${ctx}/images/l.png"><section class="l">送男朋友的生日礼物，他非常喜欢，实物很好看，很薄，穿起来很舒服，很好，快递也很快，以后会再来的</section></li><li class="ri" style="height: 51px;"><section class="r">鞋子毫无疑问的好评</section><img class="lj" src="${ctx}/images/r.png"><span class="touxiang"></span></li><li class="ri" style="height: 51px;"><section class="r">真boost底。 踩shi的感觉，透气和舒适真心没话说~~给力~~</section><img class="lj" src="${ctx}/images/r.png"><span class="touxiang"></span></li><li class="le" style="height: 51px;"><span class="touxiang"></span><img class="lj" src="${ctx}/images/l.png"><section class="l">有事忘记确认了，鞋子上脚很帅，买的是白色的因为今年流行白色，已验证是正品 可以放心购买。</section></li><li class="ri" style="height: 51px;"><section class="r">真的帅！！！上脚超轻，舒服到爆！纯白也是好看的没谁了，就是比较不耐脏。发货速度也超快，下午拍的，第二天根本不带验的，拿到就知道了，不多说了，我要穿着出去炸街了。</section><img class="lj" src="${ctx}/images/r.png"><span class="touxiang"></span></li><li class="le" style="height: 51px;"><span class="touxiang"></span><img class="lj" src="${ctx}/images/l.png"><section class="l">隔天就到了，质量非常好，谁买谁知道。。</section></li>
    </ul>
</div>
    </article>
  
  
       

   <footer>
	<p><img src="${ctx }/images/renz.png"></p>
	<div id="copyright_id">
	 
		<p>
			©&nbsp;<span>2007-2017</span>&nbsp;耐克官方旗舰店&nbsp;版权所有&nbsp;<a href="http://www.miibeian.gov.cn/" target="_blank" style="color:#666;">苏ICP备13001368号-1</a>
		</p>
</div>
   </footer>
		
</div><!-- /page -->


<nav>
<ul class="Transverse">
     <li style="width:49.33%;"><a href="#"><strong>首页</strong></a></li> 
	 <li style="width:49.33%;"><a href="${ctx }/order.php/${id}?gzid=${param.gzid}"><strong>立即购买</strong></a></li>  
  	 
<!--   	 <li style="width:33.33%;"><a href="tel:4006272855"><strong>电话咨询</strong></a></li> -->
  </ul>
</nav> 
<div style="display: none;">
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?5daa65529d285385308e99c1eaa6eebf";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
	
</div>  
 <script src="${ctx}/js/jquery1.9.1.js"></script>
 <script src="${ctx}/js/scrolllLoading/jquery.scrollLoading.min.js"></script> 

<script>
		
 

	$(function(){
		
		var zid = '${id}';
		if(!zid){
			zid = 1;
		}
		
		//设置商品详细信息
		  jQuery.ajax({
				type : 'Get',
				contentType : 'application/json',
				url : '${ctx}/goods/get.do',
				async:false,
				data : {
					id : zid,
				},
				dataType : 'json',
				success : function(data) {
					if(data.result){
						var obj = data.obj;
						
						//设置商品基本信息
						var goods = obj.goods;
						if(goods.picName.indexOf("http") != -1){
							$("#title_img_id").attr("src",goods.picName).attr("alt",goods.title);
						}else{
							$("#title_img_id").attr("src","${ctx }/upload/download.do?fileName="+goods.picName).attr("alt",goods.title);
						}
						
						//$(".shop-box .shopinfo").html(goods.title);
						$(".buy .title").html(goods.title); 
						$("#nowPrice").html("￥"+goods.nowPrice);
						$("#price").html("￥"+goods.price);
						
						$("#content_id").html(goods.content);
						
						goods.recommend = goods.recommend.replace(/。/g,"。</br></br>");
						$("#recomment_id").html(goods.recommend);
						//设置商品详情信息
						$("#goods_content").html(goods.content);
						
						var picList = obj.picList;
						for(var i = 0 ;i<picList.length;i++){
							//TODO设置图片
							
							if(picList[i].name.indexOf("http") != -1){
								var img = '<div class="thumbnail" style="min-height:30px;" align="center"><img alt="" class="lazyImg" src="${ctx}/images/d_loading.gif" data-url="'+picList[i].name+'"></div>';
								$("#picList_id").append(img); 
							}else{
								var img = '<div class="thumbnail" style="min-height:150px;" align="center"><img alt="" class="lazyImg"    src="${ctx}/images/d_loading.gif"  data-url="${ctx }/upload/download.do?fileName='+picList[i].name+'"></div>';
								$("#picList_id").append(img); 
							}
							
						}
						
						$(".lazyImg").scrollLoading();
						 
					}
				}
		  });
 
	});
	
	$(function(){

		function scollDown(id,time){
	          var liHeight=$("#"+id+" ul li").height();
	          var time=time||2500;
	          setInterval(function(){
	          $("#"+id+" ul").prepend($("#"+id+" ul li:last").css("height","0px").animate({
	          	height:liHeight+"px"
	          },"slow"));
	          },time);
	        

		}

		scollDown("pingjia",3000);
		scollDown("fahuo",3000);

	});
</script>
</body></html>